<template>
  <div class="table-form-body-button">
    <el-row>
      <span v-for="item in operateInfo" :key="item.btnName"  class="btn-operate-above" :sapn="2">
        <el-button :type="item.cssType||'default'" v-if="item.location=='2'" @click="item.method">
          {{ item.name }}
        </el-button>
      </span>
    </el-row>
  </div>
</template>
<script>
import waves from '@/directive/waves' // waves directive
export default {
  name: 'ListOpearteButton',
  directives: { waves },
  data() {
    return {
      operateInfo: []
    }
  },
  watch: {

  },
  mounted() {
    this.operateInfo=this.$store.state.button.currentMenuButton.filter((e)=>{return e.location=='2'})
  },
  methods: {
  }
}
</script>
<style>
.btn-operate-above{
  margin:0 10px;
}
</style>
